<!DOCTYPE html>
<html xmlns:shiro="http://www.w3.org/1999/xhtml" xmlns:th="http://www.w3.org/1999/xhtml">
<meta charset="utf-8">
<head th:include="@{include} :: header"></head>
<link rel="stylesheet" th:href="@{/plugins/layui/css/admin.css}" media="all">
<style>
    .layui-tab-content{
        position: relative;
        height: 80vh;
        border: 0px;
    }
    .layui-body{

        position: relative;
        height: 80vh;
        border: 0px;
    }
</style>
<body>
<div class="layuimini-container">
    <div class="layuimini-main">
        <div class="layui-tab" lay-filter="deviceTab">
            <ul class="layui-tab-title">
                <li th:classappend="${tab.index == 0 ? 'layui-this' : ''}" th:lay-id="${item.code}"
                    th:each=" item,tab : ${tabItems }" th:text="${item.name}"></li>
            </ul>
            <div class="layui-tab-content">
                <!--            layui-tab-item   layadmin-tabsbody-item   -->
                <div class="layui-tab-item layadmin-tabsbody-item layui-show"  th:if="${shop.deviceCount2 > 0}">
                    <iframe th:src="@{'/module/device/view/' + ${shopId} + '/4?positionType=1'}"
                            class="layadmin-iframe  layui-show"></iframe>
                </div>

                <!--                th:if="${shop.deviceCount3 > 0}"-->
                <!--                <div class="layui-tab-item">-->
                <!--                    <iframe th:src="@{'/module/device/view/' + ${shopId} + '/3'}"-->
                <!--                            class="layadmin-iframe layui-show"></iframe>-->
                <!--                </div>-->

                <!--              -->
                <div class="layui-tab-item layadmin-tabsbody-item" th:if="${shop.rangeCount0 > 0}"  >
                    <iframe th:src="@{'/module/device/range/' + ${shopId} + '/0'}"
                            class="layadmin-iframe layui-show"></iframe>
                </div>
                <!--                -->
                <div class="layui-tab-item layadmin-tabsbody-item" th:if="${shop.rangeCount1 > 0}">
                    <iframe th:src="@{'/module/device/range/' + ${shopId} + '/1'}"
                            class="layadmin-iframe layui-show"></iframe>
                </div>

                <!--               -->
                <div class="layui-tab-item layadmin-tabsbody-item"  th:if="${shop.weldingCount0 > 0}">
                    <iframe th:src="@{'/module/device/welding/' + ${shopId}}"
                            class="layadmin-iframe layui-show"></iframe>
                </div>
                <!--                th:if="${shop.weldingCount1 > 0}"-->
                <div class="layadmin-tabsbody-item layui-tab-item" th:if="${shop.weldingCount1 > 0}">
                    <iframe th:src="@{'/module/device/welding/' + ${shopId} + '/1'}"
                            class="layadmin-iframe layui-show"></iframe>
                </div>

                <div class="layui-tab-item layadmin-tabsbody-item"  th:if="${shop.deviceGLCount > 0}">
                    <iframe th:src="@{'/module/device/view/' + ${shopId} + '/4?positionType=2'}"
                            class="layadmin-iframe  layui-show"></iframe>
                </div>

                <div class="layui-tab-item layadmin-tabsbody-item"  th:if="${shop.deviceYGCount > 0}">
                    <iframe th:src="@{'/module/device/view/' + ${shopId} + '/4?positionType=3'}"
                            class="layadmin-iframe  layui-show"></iframe>
                </div>
            </div>
        </div>
    </div>
</div>
<!--shiro控制bootstraptable行内按钮看见性 来自bootdo的创新方案 -->
<div th:include="@{include}:: footer"></div>
<script type="text/javascript" th:src="@{/js/appjs/module/device/integration.js}"></script>
</body>
</html>
